<template>
  <li>
    <router-link :to=" '/roomList/' + game.cate_id +'/' + game.game_name">
          <img :src="game.game_icon" alt="">
      <p>{{game.game_name}}</p>
    </router-link>
  </li>
</template>
<script>
  export default {
    props: ['game']
  }

</script>
<style scoped>
  li {
    flex-basis: 33%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 20px 0;
  }
  
  li:nth-last-child(3n) {
    border-right: none;
  }
  
  li img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
  }
  
  p {
    margin-top: 10px;
  }

</style>
